$(function() {
	$( "#slider" ).slider();
	
	$('#song_list').modal({backdrop: true});
	$(".page").click(function(){
		$(".song_queue").hide({width: 'toggle'});	
	});
	
	$(".queue_tip").hover(function(){
		$(".song_queue").show({width: 'toggle'});	
		$(this).hide(400);
	});
	
	$("#videos2 li").live("click", function(){
		var data = $(this).attr("data-id");
		var name = $(this).attr("data-title");
		addSong(data, name);
		
	});
	
	$("#song_list tr td").live("click", function(){
		var data = $(this).attr("data-id");
		var name = $(this).text();
		addSong(data, name);
		
	});
	
	
	$(".playlist tr td").live("click", function(){
		var data = $(this).attr("data-id");
		songClicked(data);	
	});
	
	
	
	
	$(".sound button").click(function(){
		var src = $(this).attr("data-src");
		
		addNoise(src);
	
	});
	
	function playNoise(src){
		var audio = $('<audio />', { autoPlay : 'autoplay' });        
		 addSource(audio, src);    
		 
		 $("#play_area").html(audio);	
	}
	
	 function addSource(elem, path) {      
	 	$('<source />').attr('src', path).appendTo(elem);   
	 };   
	

});



